<template>
        <div class="wxby_outer">
        <div class="wxby_banner"></div>

                <div class="wxby_one">
                        <div class="one_title">一&nbsp;&nbsp;维修保养&nbsp;&nbsp;一</div>
                        <div class="wxby_one_content">
                                <div class="one_left">
                                        <div class="wenzi">
                                                磨床改造,翻新,磨床手动改自动伺服系统,<br>
                                                各类磨床及大型龙门磨床保养及维修。
                                        </div>

                                        <div class="dianhua">
                                                <div class="dianhua_icon"></div>
                                                <div class="dianhua_content">
                                                        <div class="dianhua_text">咨询热线：</div>
                                                        <div class="dianhua_number">18058427721</div>
                                                </div>
                                        </div>

                                </div>
                                <img src="http://120.78.80.190/shoutao.png" width="368" height="307" class="one_img">
                        </div>
                </div>

                <div class="title_two">
                        一&nbsp;&nbsp;案例展示&nbsp;&nbsp;一
                </div>

                <div class="wxby_row_1">

                        <div>
                                <div>系统改造</div>
                        </div>

                        <div>
                                <div>系统改造</div>
                        </div>

                        <div>
                                <div>系统改造</div>
                        </div>
                </div>

                <div class="wxby_row_2">

                        <div>
                                <div>系统改造</div>
                        </div>

                        <div>
                                <div>系统改造</div>
                        </div>

                        <div>
                                <div>系统改造</div>
                        </div>
                </div>
                <dibu></dibu>
        </div>

</template>

<script>
        import dibu from '../../components/dibu.vue'
    export default {
        name: "weixiubaoyang",
        components:{
            dibu,
        }
    }
</script>

<style scoped>
        .wxby_banner{width: 100%;height: 339px;background: url("http://120.78.80.190/wxby.png")}
        .wxby_outer{width: 100%;background-color: #f6f6f6;}
        .wxby_one{width: 1200px;margin: 0px auto;margin-top: 79px;background-color: #ffffff;}

        .one_title{width: 380px;height: 46px;margin: 0px auto;font-size: 46px;line-height: 46px;text-align: center;padding-top: 59px;color: #0b4da1;}
        .wxby_one_content{width: 1053px;margin: 0px auto;display: flex;flex-direction: row;justify-content: space-between;}
        .wenzi{margin-top: 98px;font-size: 31px;line-height: 53px;}

        .dianhua{margin-top: 77px;width: 267px;height: 90px;border: 1px solid #cccccc;background: url("http://120.78.80.190/product1.png");background-size: 100% 100%;background-repeat: no-repeat;display: flex;flex-direction: row;}
        .dianhua_icon{width: 43px;height: 43px;background: url("http://120.78.80.190/dianhua.png");background-size: 100% 100%;background-repeat: no-repeat;margin-top: 29px;margin-left: 26px;}
        .dianhua_content{height: 53px;display: flex;flex-direction: column;justify-content: space-between;margin-top: 19px;margin-left: 14px;color: #fffeff;}
        .dianhua_text{font-size: 18px;line-height: 18px;}

        .one_img{margin-top: 87px;padding-bottom: 76px;}

        .title_two{width: 450px;height: 44px;font-size: 44px;text-align: center;line-height: 44px;color: #0e4ca3;margin: 0px auto;margin-top: 73px;}
        .wxby_row_1{width: 1169px;margin: 0px auto;margin-top: 51px;display: flex;flex-direction: row;justify-content: space-between;}
        .wxby_row_1>div{width: 368px;height: 282px;background: url("http://120.78.80.190/case.png");background-size: 100% 100%;background-repeat: no-repeat;display: flex;flex-direction: column-reverse;}
        .wxby_row_1>div>div{width: 100%;height: 55px;opacity: 0.5;background-color: white;font-size: 27px;line-height: 55px;text-align: center;}

        .wxby_row_2{width: 1169px;margin: 0px auto;margin-top: 51px;display: flex;flex-direction: row;justify-content: space-between;}
        .wxby_row_2>div{width: 368px;height: 282px;background: url("http://120.78.80.190/case.png");background-size: 100% 100%;background-repeat: no-repeat;display: flex;flex-direction: column-reverse;}
        .wxby_row_2>div>div{width: 100%;height: 55px;opacity: 0.5;background-color: white;font-size: 27px;line-height: 55px;text-align: center;}
</style>